<!DOCTYPE html>
<!--[if lt IE 7]>

<html class="lt-ie9 lt-ie8 lt-ie7" lang="en">

<![endif]-->
<!--[if IE 7]>

<html class="lt-ie9 lt-ie8" lang="en">

<![endif]-->
<!--[if IE 8]>

<html class="lt-ie9" lang="en">

<![endif]-->
<!--[if gt IE 8]>
<!-->

<html lang="en">

    <!--
    <![endif]-->
    <head>
        <meta charset="utf-8">
        <title>
            Cofico - Phần Mềm Quản Lý Kho
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <!-- bootstrap css -->
        <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
        </script>
        <link href="icomoon/style.css" rel="stylesheet">
        <!--[if lte IE 7]>
        <script src="css/icomoon-font/lte-ie7.js">
        </script>
        <![endif]-->
        <link href="css/main.css" rel="stylesheet">
        <link href="css/alertify.core.css" rel="stylesheet" id="toggleCSS">
        <style>
            .not-sort{
                background: transparent !important;
            }
        </style>
    </head>
    <body>
        <header>
            <a href="#" class="logo">
                <img src="img/LOGO_COFICO.png" style="width: 20%;" alt="logo" />
            </a>
            <div class="btn-group">
                <button class="btn btn-primary">
                    Admin
                </button>
                <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
                    <span class="caret">
                    </span>
                </button>
                <ul class="dropdown-menu pull-right">
                    <li>
                        <a href="#">
                            Edit Profile
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Account Settings
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Logout
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="mini-nav">
                <li>
                    <a href="#">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe040;"></div>
                        <span class="info-label badge badge-warning">
                            3
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="fs1" aria-hidden="true" data-icon="&#xe04c;"></div>
                        <span class="info-label badge badge-info">
                            5
                        </span>
                    </a>
                </li>
            </ul>

        </header>
        <div class="container-fluid">
            <div class="dashboard-container">
                <div class="top-nav">
                    <ul>
                        <li>
                            <a href="index.html" >
                                <div class="fs1" aria-hidden="true" data-icon="&#xe19a;"></div>
                                Trang chủ
                            </a>
                        </li>
                        <li>
                            <a href="du-an.html" class="selected">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe003;"></div>
                                Dự án
                            </a>
                        </li>
                        <li>
                            <a href="nha-cung-cap.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe0ab;"></div>
                                Nhà cung cấp
                            </a>
                        </li>
                        <li >
                            <a href="vat-tu.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe03b;"></div>
                                Vật tư
                            </a>
                        </li>
                        <li>
                            <a href="xuat-nhap.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe11d;"></div>
                                Xuất - Nhập
                            </a>
                        </li>
                        <li>
                            <a href="bao-cao.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe14a;"></div>
                                Báo cáo
                            </a>
                        </li>
                        <li>
                            <a href="nguoi-dung.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe071;"></div>
                                Người dùng
                            </a>
                        </li>
                        <li>
                            <a href="lich-bieu.html">
                                <div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
                                Lịch biểu
                            </a>
                        </li>
                    </ul>
                    <div class="clearfix">
                    </div>
                </div>
                <div class="sub-nav">
                    <ul>
                        <li><a href="" class="heading">Dự án</a></li>
                        <li>
                            <a href="ngan-sach-du-an.html">
                                Ngân sách dự án
                            </a>
                        </li>

                    </ul>
                    <div class="btn-group pull-right">
                        <button class="btn btn-primary">
                            Main Menu
                        </button>
                        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
                            <span class="caret">
                            </span>
                        </button>
                        <ul class="dropdown-menu pull-right">
                            <li>
                                <a href="index.html" data-original-title="">
                                    Trang chủ
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Dự án
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Nhà cung cấp
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Vật tư
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Xuất - Nhập
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Báo cáo
                                </a>
                            </li>
                            <li>
                                <a href="#" data-original-title="">
                                    Người dùng
                                </a>
                            </li>
                            <li>
                                <a href="lich-bieu.html" data-original-title="">
                                    Lịch biểu
                                </a>
                            </li>
                            <li>
                                <a href="help.html" data-original-title="">
                                    Trợ giúp
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="dashboard-wrapper">
                    <div style="margin-right: 0px;" class="left-sidebar">


                        <div class="row-fluid">
                            <div class="span12">
                                <div class="widget">
                                    <div class="widget-header">
                                        <div class="title">
                                            Danh sách dự án 
                                        </div>
                                        <span class="tools">

                                            <div class="wrapper">
                                                <div class="btn-toolbar no-margin">
                                                    <div class="btn-group">
                                                        <a data-original-title="" class="btn btn-info bottom-margin" href="add-du-an.html" id="prompt">
                                                            Thêm mới
                                                        </a>


                                                    </div>
                                                    <div class="btn-group">
                                                        <a id='confirm' data-original-title="" class="btn btn-inverse bottom-margin" href="#" id="error">
                                                            Xoá cái đã chọn
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </span>
                                    </div>
                                    <div class="widget-body">
                                        <div class="example_alt_pagination" id="dt_example">
                                            <div role="grid" class="dataTables_wrapper" id="data-table_wrapper">
                                                <div id="data-table_length" class="dataTables_length">
                                                    <label>Show 
                                                        <select name="data-table_length" size="1" aria-controls="data-table">
                                                            <option value="10" selected="selected">10</option>
                                                            <option value="25">25</option>
                                                            <option value="50">50</option>
                                                            <option value="100">100</option></select> entries</label>
                                                </div>
                                                <!--<div class="dataTables_filter" id="data-table_filter">
                                                    <select rel="1" class="search_init select_filter form-control">
                                                        <option class="search_init" value="">Mã nhóm vật tư</option><option value="BT">BT</option>
                                                        <option value="BTT">BTT</option><option value="G%u0110">GĐ</option>
                                                        <option value="TP">TP</option><option value="TPD">TPD</option>
                                                        <option value="%u0110A">ĐA</option>
                                                    </select>

                                                </div>-->
                                                <div class="dataTables_filter" id="data-table_filter">

                                                    <label>Search: <input type="text" aria-controls="data-table"></label>
                                                </div>
                                                <table id="data-table" class="table table-condensed table-striped table-hover table-bordered pull-left dataTable" aria-describedby="data-table_info">

                                                    <thead>
                                                        <tr role="row"><th class="not-sort sorting_asc" style="width: 56px;" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" aria-sort="ascending" aria-label="

                                                                           : activate to sort column descending">
                                                                <input type="checkbox" class="no-margin">
                                                            </th>
                                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 176px;" aria-label="
                                                                Mã dự 
                                                                : activate to sort column ascending">
                                                                Mã dự án  
                                                            </th>
                                                            <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 239px;" aria-label="
                                                                Tên dự án 
                                                                : activate to sort column ascending">
                                                                Tên dự án 
                                                            </th>
                                                            <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 231px;" aria-label="
                                                                Ngày bắt đầu 
                                                                : activate to sort column ascending">
                                                                Ngày bắt đầu 
                                                            </th>

                                                            <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 160px;" aria-label="
                                                                Ngày kết thúc  
                                                                : activate to sort column ascending">
                                                                Ngày kết thúc  
                                                            </th>
                                                            <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 160px;" aria-label="
                                                                Ngày tạo  
                                                                : activate to sort column ascending">
                                                                Ngày tạo 
                                                            </th>

                                                            <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 206px;" aria-label="
                                                                Chỉnh sửa 
                                                                : activate to sort column ascending">
                                                                Chỉnh sửa 
                                                            </th>
                                                        </tr>
                                                    </thead>

                                                    <tbody role="alert" aria-live="polite" aria-relevant="all">
                                                        <tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr>
                                                        <tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr><tr class="odd">
                                                            <td class="  sorting_1">
                                                                <input type="checkbox" class="no-margin">
                                                            </td>
                                                            <td class=" ">
                                                                <span class="name">
                                                                    M313123213
                                                                </span>
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                Xây dựng cầu đường    
                                                            </td>
                                                            <td class="hidden-phone ">
                                                                11 - 01 - 2013
                                                            </td>

                                                            <td class="hidden-phone ">
                                                                15 - 02 - 2013
                                                            </td>
                                                            
                                                            <td class="hidden-phone ">
                                                                10 - 02 - 2013
                                                            </td>

                                                            <td style="text-align: center;" class="hidden-phone ">

                                                                <a class="btn btn-info" href="edit-du-an.html" data-original-title="">
                                                                    <i class="icon-white icon-edit">
                                                                    </i>
                                                                </a>
                                                                <a class="btn btn-inverse" href="#" data-original-title="">
                                                                    <i class="icon-white icon-trash">
                                                                    </i>
                                                                </a>
                                                            </td>

                                                        </tr>

                                                    </tbody></table><div class="dataTables_info" id="data-table_info">Showing 1 to 10 of 13 entries</div><div class="dataTables_paginate paging_full_numbers" id="data-table_paginate"><a class="first paginate_button paginate_button_disabled" tabindex="0" id="data-table_first">First</a><a class="previous paginate_button paginate_button_disabled" tabindex="0" id="data-table_previous">Previous</a><span><a class="paginate_active" tabindex="0">1</a><a class="paginate_button" tabindex="0">2</a></span><a class="next paginate_button" tabindex="0" id="data-table_next">Next</a><a class="last paginate_button" tabindex="0" id="data-table_last">Last</a></div></div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>




                    </div>


                </div>
            </div>
            <!--/.fluid-container-->
        </div>

        <script src="js/jquery.min.js">
        </script>
        <script src="js/bootstrap.js">
        </script>
        <script src="js/jquery.scrollUp.js">
        </script>
        <script src="js/jquery.dataTables.js">
        </script>

        <script type="text/javascript" src="js/alertify.min.js">
        </script>

        <script type="text/javascript">
            //ScrollUp
            $(function() {
                $.scrollUp({
                    scrollName: 'scrollUp', // Element ID
                    topDistance: '300', // Distance from top before showing element (px)
                    topSpeed: 300, // Speed back to top (ms)
                    animation: 'fade', // Fade, slide, none
                    animationInSpeed: 400, // Animation in speed (ms)
                    animationOutSpeed: 400, // Animation out speed (ms)
                    scrollText: 'Scroll to top', // Text for element
                    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
                });
            });

            //Tooltip
            $('a').tooltip('hide');

            //Data Tables
            /* $(document).ready(function() {
             $('#data-table').dataTable({
             "sPaginationType": "full_numbers"
             });
             });*/
//Alertify JS

            reset = function() {
                $("toggleCSS").href = "css/alertify.core.css";
                alertify.set({
                    labels: {
                        ok: "OK",
                        cancel: "Cancel"
                    },
                    delay: 5000,
                    buttonReverse: false,
                    buttonFocus: "ok"
                });
            };
            jQuery('.btn-inverse').click(function() {

                reset();
                alertify.confirm("Xoá vật tư", function(e) {
                    if (e) {
                        alertify.success("Cập nhật thành công");
                    } else {
                        //alertify.error("You've clicked Cancel");
                    }
                });
                return false;
            });

        </script>

    </body>
</html>